<template>
<div>
   <div class="box111">
       <img src="../assets/images/首页_24.png" >
    </div>
    <div class="box1">
        <ul>
            <li><img src="../assets/images/首页_41.png"></li>
            <li><img src="../assets/images/首页2_03.png" alt=""></li>
            <li><img src="../assets/images/首页_41.png"></li>
            <li><img src="../assets/images/首页2_03.png" alt=""></li>
            <li><img src="../assets/images/首页_41.png"></li>
            <li><img src="../assets/images/首页2_03.png" alt=""></li>
            <li><img src="../assets/images/首页_41.png"></li>
        </ul>
    </div>
   </div>
</template>
<script>
export default {
    name:"Photo"
}
</script>
<style scoped>
@import url(../assets/rest.css);
.box111{
    width: 3.5rem;
    height: 0.58rem;
    margin: auto;
    margin-top: 0.12rem;
   padding-left: 0.1rem;
}
.box1 ul{
    width: 100%;
    display: flex;
	overflow: auto;
	align-items: center;
    margin-top: 0.09rem;
   
}
 ::-webkit-scrollbar{
	display:none;
}
.box1 ul li{
    height: 0.8rem;
    width: 2.3rem;
    background-color: blue;
    border-radius:0.02rem;
    flex-shrink: 0;
    margin-right: 0.05rem;
}
.box1 ul li img{
    width: 100%;
    height: 100%;
}
</style>